<html>
   <head>
      <script type = "text/javascript" src = "https://d3js.org/d3.v4.min.js"></script>
   </head>
   <body>

    <!-- Translate - 它有两个选项， tx沿x轴平移， ty沿y轴平移。 例如 - 翻译（30 30）。

Rotate - 它有三个选项， angle指旋转角度， cx和cy指的是x和y轴旋转的中心。 如果未指定cx和cy ，则默认为坐标系的当前原点。 例如 - 旋转（60）。

Scale - 它有两个选项， sx沿x轴的比例因子， sy沿y轴的比例因子。 这里， sy是可选的，如果没有指定，则它取sx的值。 例如 - 比例（10）。

Skew (SkewX and SkewY) - 只需一个选项; skew-angle指的是SkewX沿x轴的角度和SkewY沿y轴的角度。 例如 - skewx（20）。 -->
    <!-- transform = "translate(30 30)"就是向右边和下面移动了30 -->
      <svg width = "300" height = "300">
         <rect x = "20" 
            y = "20"
            width = "60"
            height = "60"
            fill = "green"
            transform = "translate(30 30) scale(2,4)">
         </rect>
      </svg>
   </body>
</html>
